<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
     <script src="../js/vue.min.js"></script>
	</head>
	<body>
		
		<!--2.模板加差值方式 （所谓的模板即除了数据本身还有一些HTML标签等东西)-->
		<div id="root">55</div>
		
		<script>
		//实例化Vue对象
		new Vue({
		// 挂载点(用来绑定与元素的)
		el: '#root',
		//模板：内置的名字不能改的:模板内容替换div外挂载点的内容
		template:'<h1><font color=rred>你好{{msg}}</h1>',
		// 数据对象(自定义数据对象)
		data:{
		msg:'vue',
		}
		})
		</script>
	</body>
</html>
